$(function () {
    /******** 验证规则 ********/
    // 通过 form.verify() 函数自定义校验规则
    layui.form.verify({
        // 验证用户昵称
        nickname: function (value) {
            if (value.length > 6) {
                return '昵称长度必须在1~6之间';
            }
        }
    });
    /***** 获取用户基本信息 *****/
    getUserInfo();

    /***** 修改用户基本信息 *****/
    $('.layui-form').on('submit', function (e) {
        // 阻止表单的默认提交行为
        e.preventDefault();
        modifyUserInfo();
    });

    /*********** 重置 **********/
    $('#btnReSet').on('click', function (e) {
        // 阻止表单的默认重置行为
        e.preventDefault();
        getUserInfo();
    });
});

// 获取用户基本信息并渲染页面
function getUserInfo() {
    $.ajax({
        type: "GET",
        url: "/my/userinfo",
        success: function (res) {
            layui.layer.msg(res.message);
            // 如果获取数据成功
            if (res.status == 0) {
                // 给表单赋值
                layui.form.val("userInfoForm", res.data);
            }
        }
    });
}

// 修改用户信息
function modifyUserInfo() {
    $.ajax({
        type: "POST",
        url: "/my/userinfo",
        // 提交的 data 不应该包括 username 否则后端验证不通过 
        data: {
            nickname: $('.layui-form [name=nickname]').val(),
            email: $('.layui-form [name=email]').val(),
        },
        success: function (res) {
            layui.layer.msg(res.message);
            // 如果更新数据成功
            if (res.status == 0) {
                // 更新页面数据 
                // 如何在子页面中调用父页面更新头像的方法getUserInfo() 重新渲染用户头像和信息
                window.parent.getUserInfo();
            }
        }
    });
}



